@media screen and (max-width: 1100px) {

.hamburg { 
   display: block;
   background:; width: 75px; height: 50px;
   top: 5px;
   right: 20px;
   position: absolute; 
   margin-left: auto; margin-right: auto;
   border-radius: 4px; 
   transition: border-radius .5s;
}

.line { 
   position: absolute; 
   left:10px;
   height: 5px; width: 55px; 
   background: #fff; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

.hamburg.checked .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

.hamburg.checked .line:nth-child(2){
   opacity:0;
}

.hamburg.checked .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}

nav.mod_navigation li a {
    padding: 0 !important;
}

nav.mod_navigation li span, nav.mod_navigation li strong {
    display: block;
    padding: .3rem;
    text-align: left;
    text-decoration: none;
    color: #fff;
}

/*
div.menubutton a.hidenav {
    display:none;
}*/

/* Navigationsbereich */
nav.mod_navigation {
	display:none;
    max-width:200px;
    top:10rem;
    position:relative;
    overflow:hidden;
    margin:0 1rem 1rem 2rem;
    padding:0 .3em .3em;
    background-color:rgba(0,0,0,.75);
    border-radius:0 0 .5rem .5rem;
    font:23px 'Bebas Neue', cursive;
    line-height:40px;
    color:#fff;
    text-indent:2px;
    z-index: 1;
    /*transition: 2s;*/
}
nav.mod_navigation ul.level_1 {
    margin:0;
    padding:0;
}
nav.mod_navigation li {
    display:block;
    border-bottom:1px solid #DFDDB7;
}
nav.mod_navigation li:last-of-type {
    border-bottom:0;
}
nav.mod_navigation .level_2 li:first-of-type {
    border-top:1px solid #DFDDB7;
}
nav.mod_navigation li a,
nav.mod_navigation li span {
    display:block;
    padding:.3rem;
    text-align:left;
    text-decoration:none;
    color:#fff;
}
nav.mod_navigation a:hover,
nav.mod_navigation a:focus {
    text-decoration:underline;
}
nav.mod_navigation li.active span {
    background-color:rgba(35,35,38,.8);
    text-decoration:none;
    color:#fff;
}

/* Action mit :target */
/*#header nav.mod_navigation {
    max-height:0;
}*/

/* Wert an Navigation anpassen */
#menu:target nav.mod_navigation {
    max-height:40rem;
}
/*
#menu:target a.shownav {
    display:none;
}
#menu:target a.hidenav {
    display:block;
}*/

}